<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxx系统</title>
<style type="text/css">
#uptop {
	background-repeat: no-repeat;
	height: 720px;
	width: 1024px;
	overflow: hidden;
	background-attachment: scroll;
	position: static;
	background-image: url(images/bg.png);
	margin-right: auto;
	margin-left: auto;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #e8e6d3;
}
#left {
	width: 380px;
	height: 355px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	top: 144px;
	left: 834px;
}
#inputStyle
{
	
}
.btnStyle {
	font-size: 30px;
}
.inputStyle {
	font-size: 17px;
}
.formStyle {
	color: #e8e6d3;
	font-family: "微软雅黑";
	font-size: 25px;
}
</style>
<LINK rel="stylesheet" type="text/css" href="css/lrtk.css" charset="utf-8" media="screen">
<SCRIPT type=text/javascript src="js/jquery-1.3.2.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/jquery.easing.1.2.js"></SCRIPT>
<SCRIPT type=text/javascript>
	// <![CDATA[
		$(document).ready(function(){
		
			if ($('#pager a').size() <= 1) {
				$('#pager').css('display', 'none');
				return;
			}
		
			var index = 0;
			var selected = null;
			var width = 756;
			
			$('#pager a').each(function(i){
				if (i == 0) {
					selected = $(this);
					selected.find('img').attr('src', 'images/button-view-active.gif');
				}
				$(this).click(function(){
					index = i;
					selected.find('img').attr('src', 'images/button-view.gif');
					selected = $(this);
					selected.find('img').attr('src', 'images/button-view-active.gif');
					$('#images').animate({left:-(width * i)}, 500, 'easeOutQuad');
					return false;
				});
			});
			
			$('#images').wrapInner('<a href="#" id="next"></a>');
			$('#next').click(function(){
				var a = $('#pager a').get(index + 1);
				if (!a) a = $('#pager a').get(0);
				$(a).click();
				return false;
			});
		});
	// ]]>
	</SCRIPT>
</head>

<body class="work-project">

<DIV id=content>
<DIV id=project><!-- project navigation -->
<P id=navigation ><SPAN id=pager>
<A href="images/1.jpg"><IMG alt=1 src="images/button-view.gif" width=12 height=19></A>
<A href="images/2.jpg"><IMG alt=2 src="images/button-view.gif" width=12 height=19></A>
<A href="images/3.jpg"><IMG alt=3 src="images/button-view.gif" width=12 height=19></A>
<A href="images/4.jpg"><IMG alt=4 src="images/button-view.gif" width=12 height=19></A>
<A href="images/5.jpg"><IMG alt=5 src="images/button-view.gif" width=12 height=19></A>
</SPAN></P>
<!-- project images -->
<DIV id=mask>
	<DIV id=images>
		<IMG src="images/1.jpg" width=756 height=518>
        <IMG src="images/2.jpg" width=756 height=518>
        <IMG src="images/3.jpg" width=756 height=518>
        <IMG src="images/4.jpg" width=756 height=518>
        <IMG src="images/5.jpg" width=756 height=518>
     </DIV>
  </DIV><!-- project title -->
</DIV>
</DIV>

<div id="uptop">
</div>
<div id="left">
<form action="script/login.asp" method="post" name="login" class="formStyle">
  <p><p>&nbsp;&nbsp;&nbsp;
    </p>
  <p>&nbsp;</p>
  <p>用户名：
    <input class="inputStyle" name="UserName" type="text" style="background-color:transparent"/>
    <br/>
    &nbsp;&nbsp;&nbsp;密码：
    <input class="inputStyle" name="Passwd" type="password" style="background-color:transparent"/>
  </p>
  </p>
  <p> &nbsp;
     <input class="btnStyle" name="login" type="submit" value="登录" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="btnStyle" name="cancel" type="reset" value="清空" />
</p>
</form>
</div>
</body>
</html>
